*{
				margin:0;
				padding:0;
			}
			/* 造一个居中的大盒子 */
			.bigbox{
				width: 1600px;
				margin:0px auto;
			}
			a{
				text-decoration: none;
				color:#000;
			}
			li{
				list-style: none;
			}
			
			/* 导航 */
			.nav{
				width: 1200px;
				height: 35px;
				margin:0px auto;
				/* overflow: hidden; */
			}
			.nav>ul>li{
				/* 行内块元素 */
				display: inline-block;
				
				font-size:12px;
				line-height: 35px;
				/* margin:0px 2px; */
				padding:0px 5px;
	
			}
			.nav a{
				color:#666;
			}
			.nav-left{
				float: left;
			}
			.nav-right{
				float: right;
			}
			/* 相对定位,绝对定位 */
			/* 父元素相对,子元素绝对 */
			/* >直系父子bei */
			.nav-relative{
				position: relative;
			}
			/* 隐藏的裂变 */
			.down-list{
				position: absolute;
				left: 0;
				top: 35px;
				z-index: 10000;
				background-color: #f5f5f5;
				
				width: 75px;
				padding-left:5px;
				border: 1px solid #eee;
				/* 隐藏 */
				display: none;
				
			}
			.down-list li{
				line-height: 28px;
			}
		/* 	.nav>ul>li:hover .down-list{
				/* 显示:块 */
				display: block;	
			} */
			
			
			/* 广告 */
			.ad img{
				width: 100%;
				height: 60px;
			}
			
			/* 搜索 */
			.search-box{
				height: 72px;
				margin-top:20px;

				overflow: hidden;
			}
			.search-box img{
				height: 72px;
			}
			.s-logo{
				float: left;
			}
			.s-input{
				float: left;
			}
			.input-box{
				width: 1052px;
				border:2px solid #fb17b3;
				border-radius: 8px;
				
				overflow: hidden;
						/* 上 右 下 左 */
				padding:2px 2px 2px 5px;
			}
			.input-box select{
				width: 65px;
				height: 36px;
				border:none;
				outline:none;
				/* 文本水平剧中 */
				text-align:center;
				
				float: left;
			}
			.input-box input{
				float: left;
				width: 800px;
				height: 36px;
				border:none;
				outline:none;
				font-size:20px;
				margin-left:20px;
			}
			.input-box button{
				width:72px;
				height:36px;
				border:none;
				outline:none;
				border-radius:5px;
				background-color: #fb17b3;
				color:#fff;
				font-size:20px;
				
				float: right;
			}
			.input-link{
				margin-left:20px;
			}
			.input-link a{
				font-size:12px;
				color:gray;
				margin-right: 8px;
			}
			.input-link a:hover{
				color:#fb17b3;
			}
			.s-ad{
				float: right;
			}
			/* 标题 */
			.title-list{
				/* 文本居中 */
				text-align: center;
			}
			.title-list ul li{
				/* 行内块元素 */
				/* display-显示 */
				/* block--块 */
				display: inline-block;
					/* 上下  左右 */
				margin:0px 15px;
				font-size:16px;
				font-weight: bold;
				
				line-height:48px;
			}
			.title-list img{
				width: 16px;
				height: 16px;
			}
			
			/* 功能 */
			.card{
				box-sizing: border-box;
				
				background-color:#f5f5f5;
				border-radius:10px;
				padding:15px;
			}
			.fun-card{
				overflow: hidden;
				
			}
			.card-title{
				overflow: hidden;
				margin-bottom: 5px;
				vertical-align: middle;
			}
			.card-title .title-left{
				float: left;
				font-size: 16px;
				font-weight: bold;
			}
			.card-title .title-right{
				float: right;
				color: #999;
			}
			.card-title img{
				height: 20px;
				/* 垂直对齐方式 */
				vertical-align: middle;
				/* 水平垂直对齐方式
				text-align: center; */
			}
			
			.c-left{
				width: 256px;
				height: 400px;
				float: left;
				position: relative;
					}
			.aaa{
				width: 800px;
				height: 500px;
				border: 2px solid red;
				background-color: aliceblue;
				border-radius: 5px;
				padding: 20px;
				box-sizing: border-box;
				position: absolute;
				right: -800px;
				top: 0px;
				z-index: 100;
				display: none;
			}
			.ser-nav li{
				/* border: #fb17b3 1px solid; */
				/* 上下 左右 */
				padding:6px 5px;
				font-size: 14px;
				color: #1f1f1f;
			}
			#totop{
				display: none;
			}
			.ser-nav li a:hover{
				color: red;
			}
			.ser-nav li a{
				color: #1f1f1f;
			}
			.ser-nav li span{
				margin: 0px 3px;
			}
			.ser-nav li:hover{
				background-color: #fff;
			}
			

			.c-mid{
				float: left;
				width: 1050px;
				height: 400px;
				box-sizing: border-box;
				margin-left:20px;
			}
			.mid-big{
				overflow: hidden;
			}
			.big1{
				width: 515px;
				height: 190px;
				float: left;
				
				padding:0px;
				overflow: hidden;
				/* 超出隐藏 */
			}
			.big1 img{
				width:100%;
			
			}
			.big2{
				width: 515px;
				height: 190px;
				float:right;
				text-align: center;
			
			}
			.big-con img,.sm3-con img,.sm4-con img{
				width: 84px;
				height: 84px;
				
				
			}
			.big-con ul li,.sm3-con ul li,.sm4-con ul li{
					/* 显示行内块元素 */
					display: inline-block;
					text-align: center;
					
				}
			.big-con ul li{
				padding: 0px 16px;
			}
			.sm3-con ul li,.sm4-con ul li{
				padding: 0px 12px;
			}
			.con-price{
				color: orangered;
				font-weight: bold;
			}
			.com-title{
				color: orangered;
				font-size:0px 0px 0px  12px;
			}
			}
			.mid-sm{
				margin-top:20px;
				overflow: hidden;
			}
			.sm1{
				width: 247px;
				height: 190px;
				float: left;
				margin:20px 0px 0px 0px;
				
			}
			.sm1-con div{
				width: 220px;
				height: 22px;
				overflow: hidden;
				font-size: 14px;
				color:black;
				margin: 3px 0px;
				cursor: pointer;
				/* 文本换行 */
				/* nowrop--不换行 */
				/* normal--换行 */
				white-space: nowrap;
				/* 文本溢出部分显示 */
				text-overflow: ellipsis;
			}
			.sm1-con div:hover{
				color: #ff5000;
			}
			
			
			
			
			.sm2{
				width: 247px;
				height: 190px;
				float: left;
				margin:20px 20px 0px 20px;
				text-align: center;
			}
			.sm2-con ul li{
				display: inline-block;
				width: 100px;
				height: 128px;
				border-radius: 8px;
				overflow: hidden;
				margin-right: 5px;
				/* 父元素相对定位 */
				position: relative;
				cursor: pointer;
			}
			.sm2-con img{
				width: 16px;
				height: 16px;
				position: absolute;
				left: 5px;
				top: 5px;
				z-index: 10;
			}
			.sm2-con ul li p{
				color: #ffffff;
				line-height: 20px;
				font-size: 12px;
				padding: 0px 5px;
				background-color: rgba(0,0,0,0.1);
				position: absolute;
				bottom: 0;
				left: 0;
				z-index: 3;
			}
			.sm2-l1{
				/* 背景图 */
				background-image: url('../img/sm2-2.png');
				/* 背景图大小 */
				background-size: cover;/* 覆盖 */
			}
			.sm2-l2{
				background-image: url('../img/sm2-1.jpg');
				background-size: 100%;
			}
			
			
			
			
			
			
			
			
			
			
			
			
			.sm3{
				width: 247px;
				height: 190px;
				float: left;
				margin:20px 0px 0px 0px;
				text-align: center;
				
			}
			
			.sm4{
				width: 247px;
				height:190px;
				float: right;
				margin:20px 0px 0px 0px;
				text-align: center;
			}
			a{
				text-decoration: none;
				
			}
			
			.c-right{
				width: 256px;
				height: 400px;
				float: right;
			}
			.login-top{
				overflow: hidden;
				margin-bottom: 20px;
			}
			.login-top img{
				width: 50px;
				height: 50px;
				float: left;
				border-radius: 50%;
			}
			.login-hello {
				float: left;
				margin-left: 20px;
				/* margin: 20px 0px; */
				text-align: center;
			}
			.but{
				width: 224px;
				height: 48px;
				border-radius: 10px;
				margin-top: 15px;
				background-color: #ff5000;
				text-align: center;
				color: white;
				font-size: 18px;
				/* margin-bottom: 15px; */
			}
			.look{
				margin-bottom: 10px;
				margin-top: 15px;
			}
			.look ul li{
				display: inline-block;
				text-align: center;
				margin-left: 4px;
			}
			.look ul li span{
				width: 28px;
				height: 28px;
				font-size: 28px;
			}
			.look ul li p{
				font-size: 12px;
			}
			.c-right table td{
				/* border: 1px solid blue; */
				width: 58px;
				text-align: center;
				font-size: 12px;
				padding: 3px;
			}
			.c-right table td img{
				width: 32px;
				height: 32px;
			}
			/* 商品列表 */
			.shop-tap{
				margin: 17px 0px;
			}
			.shop-tap img{
				width: 24px;
				height: 24px;
				vertical-align: middle;
			}
			.shop-tap ul li{
				display: inline-block;
				margin-right: 25px;
				cursor: pointer;
				padding: 5px 0px;
				
				
				
			}
			
			/* tap激活样式 */
			
			/* .activetap等价于li.activetap */
			.shop-tap ul li.activetap{
			border-bottom: #ff5000 2px solid;
			color: #ff5000;
			font-weight: bold;	
			}
			
			
			
			
			.shop-tap{
				width: 854px;
				height: 40px;
			}
			.shop-list ul li{
				display: inline-block;
				width: 253.33px;
				height: 375PX;
				box-sizing: border-box;
				overflow: hidden;
				margin: 0px 4.7px;
				padding: 1px;
				border: transparent solid 1px;
			}
			.shop-list img{
				width: 250px;
				height: 250px;
				border-radius: 10px;
			}
			.shop-list ul li:hover{
				border: solid 1px #ff5000;
				border-radius: 10px;
			}
			.list-price,.list-desc{
				color: #ff5000;
			}
			.shop-list .list-title{
				line-height: 23px;
				
				
				width: 100%;
				/* box盒模型 */
				/* -webkit-谷歌内核 */
				display: -webkit-box;
				/* 盒模型方向 ：垂直*/
				-webkit-box-orient: vertical;
				/* 限制行数 */
				-webkit-line-clamp: 2 ;
				
				overflow: hidden;
				text-overflow: ellipsis;
			
			} 
			
			
			
			
			/* 客服 */
			.service-box{
				position: fixed;
				right: 0px;
				bottom: 250px;
				z-index: 1000;
				background-color: #f7f7f7;
				padding: 5px;
				border-top-left-radius: 20px;
				border-bottom-left-radius:20px ;
				
				
			}
			.service-box ul li{
				font-size: 12px;
				text-align: center;
				padding: 10px 0px;
				/* 手势 */
				cursor: pointer;
			}
			.service-box ul li .iconfont{
				font-size: 20px;
				
			}
			.service-box ul li p{
				margin-top: 8px;
			}
			.heimo{
				width: 100%;
				height: 72px;
				background-color: #00000099;
				position: fixed;
				text-align: center;
				bottom: 0px;
				z-index: 1000;
				line-height: 72px;
				
			}
			.heimo img{
				vertical-align: middle;
			}
			
			.heimo button{
				width: 144px;
				height: 48px;
				background-color: #ff5000;
				font-size: 16px;
				color: #ffffff;
				border: none;
				outline: none;
				border-radius: 10px;
			}
			#free-ad{
				width:800px ;
				height: 800px;
				background-image: url('../img/121.png');
				background-size: cover;
				padding: 10px;
				
				position: fixed;
				top: 60px;
				left: 500px;
				z-index: 100;
				color: #fff;
				text-align: right;
			}
			#ad-btn{
				cursor: pointer;
			}